<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	<p:panel header="#{msg['message.ess.casoAccidentes.panelHeader']}">
		<h:panelGroup layout="block" style="overflow-x:scroll;">
			<p:dataTable emptyMessage=" " var="casoAccidente" style="width:100%;"
				value="#{casosAccidenteMB.casosAccidente}" rows="3">

				<!-- Nombre Persona Contacto -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.nombreCompleto']}">
					<p:inputText id="essCAPersCont" value="#{casoAccidente.nombre}"
						required="#{casosAccidenteMB.nombrePersContInput.requerido}"
						readonly="#{casosAccidenteMB.nombrePersContInput.soloLectura}"
						disabled="#{casosAccidenteMB.nombrePersContInput.deshabilitado}" />
				</p:column>
				<!-- Telefono Particular 1 -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.telParticular1']}">
					<p:inputMask id="essCATelPart1"
						value="#{casoAccidente.telefonoParticular1}"
						required="#{casosAccidenteMB.telParticular1Input.requerido}"
						readonly="#{casosAccidenteMB.telParticular1Input.soloLectura}"
						disabled="#{casosAccidenteMB.telParticular1Input.deshabilitado}"
						mask="(999) 999-9999" />
				</p:column>
				<!-- Telefono Particular 2 -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.telParticular2']}">
					<p:inputMask id="essCATelPart2"
						value="#{casoAccidente.telefonoParticular2}"
						required="#{casosAccidenteMB.telParticular2Input.requerido}"
						readonly="#{casosAccidenteMB.telParticular2Input.soloLectura}"
						disabled="#{casosAccidenteMB.telParticular2Input.deshabilitado}"
						mask="(999) 999-9999" />
				</p:column>
				<!-- Celular -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.celular']}">
					<p:inputMask id="essCACelular" value="#{casoAccidente.celular}"
						required="#{casosAccidenteMB.celularInput.requerido}"
						readonly="#{casosAccidenteMB.celularInput.soloLectura}"
						disabled="#{casosAccidenteMB.celularInput.deshabilitado}"
						mask="(999) 999-9999" />
				</p:column>

				<!-- Calle -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.domicilio.calle']}">
					<p:inputText id="essCACalle" value="#{casoAccidente.calle}"
						required="#{casosAccidenteMB.calleInput.requerido}"
						readonly="#{casosAccidenteMB.calleInput.soloLectura}"
						disabled="#{casosAccidenteMB.calleInput.deshabilitado}"
						maxlength="50" />
				</p:column>
				<!-- Colonia -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.domicilio.colonia']}">
					<p:inputText id="essCAColonia" value="#{casoAccidente.colonia}"
						required="#{casosAccidenteMB.coloniaInput.requerido}"
						readonly="#{casosAccidenteMB.coloniaInput.soloLectura}"
						disabled="#{casosAccidenteMB.coloniaInput.deshabilitado}"
						maxlength="100" />
				</p:column>
				<!-- Numero Exterior -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.domicilio.numeroExterior']}">
					<p:inputText id="essCANumExt" value="#{casoAccidente.numero}"
						required="#{casosAccidenteMB.numExtInput.requerido}"
						readonly="#{casosAccidenteMB.numExtInput.soloLectura}"
						disabled="#{casosAccidenteMB.numExtInput.deshabilitado}"
						maxlength="5" />
				</p:column>
				<!-- Numero Exterior Letra -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.domicilio.letraExterior']}">
					<p:inputText id="essCALetExt" value="#{casoAccidente.letra}"
						required="#{casosAccidenteMB.letExtInput.requerido}"
						readonly="#{casosAccidenteMB.letExtInput.soloLectura}"
						disabled="#{casosAccidenteMB.letExtInput.deshabilitado}"
						maxlength="2" />
				</p:column>

			</p:dataTable>
		</h:panelGroup>
	</p:panel>
</ui:composition>